/*
* name:hook.css
* version:v1.0
* update:build
* date:2015-01-20
*/
.hook * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto;}
.hook {position: relative; z-index: 9;  display: none; clear: both; overflow: hidden; width: 100%; height: 85px; text-align: center;background: #ddd; box-shadow: 0 -8px 5px -5px #999 inset;}
.hook-text {font-family: Arial,Helvetica,sans-serif;  font-size: 14px; font-weight: normal; color: #666; text-shadow: 0 1px #fff;}
.hook-loader { padding: 25px 0;}
.hook-spinner { display: block; width: 32px; height: 32px; -webkit-animation: spin 1s linear infinite both; -moz-animation: spin 1s linear infinite both; -o-animation: spin 1s linear infinite both; animation: spin 1s linear infinite both;background: url(hook-spinner.png) no-repeat center;}
.hook-with-text .hook-loader { padding: 10px 0;}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) { .hook-spinner { background: url(hook-spinner@2x.png) no-repeat center; background-size: 32px 32px;}}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}}
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg);}
    100% { -moz-transform: rotate(360deg);}}
@-o-keyframes spin { 0% { -o-transform: rotate(0deg);}
    100% { -o-transform: rotate(360deg);}}
@keyframes spin { 0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}}
